<!doctype html>
<html class="no-js" data-ng-app="audittest">
#include("/WEB-INF/tpl/head_normal.vm")
<style>
    .am-table > tbody > tr > td {
        vertical-align: middle;
    }

</style>
<div data-ng-controller="test-main">
    <div class="am-g am-g-fixed am-margin-top">
        <div class="am-text-center">
            <h2>{{modelname}}</h2>
        </div>
        <div data-ng-hide="finished">【{{(sortno + 1)}} / {{cnt}}】 &nbsp; &nbsp;
            分值【{{score}}】&nbsp; &nbsp; 类型【{{itemtype}}】&nbsp; &nbsp; 开始考试时间【 {{starttime}}】&nbsp; &nbsp;
            考试时长【{{minutes}} 分钟】
        </div>
        <div data-ng-show="finished">题目【{{cnt}}】 &nbsp; &nbsp;开始考试时间【 {{starttime}}】&nbsp; &nbsp;
            考试时长【{{minutes}} 分钟】
        </div>
        <div class="am-padding" style="font-size: 16pt;color: red;">
            <span style="color: red; padding: 4px 29px; border: 1px dashed #ccc;"
                  data-ng-hide="finished">{{timeinfo}}</span><span data-ng-show="finished"
                                                                   style="color: red; padding: 4px 29px; border: 1px dashed #ccc;">{{timeinvalid}}</span>
            <div style="float: right;" data-ng-hide="finished">
                <button type="button" class="am-margin-right am-btn" data-ng-click="quitTest(cnt)">放弃考试</button>
                <button type="button" class="am-btn am-btn-primary" data-ng-click="jiaojuan(cnt)">交卷</button>
            </div>
            <div style="float: right;" data-ng-show="finished">
                <button type="button" class="am-btn am-btn-primary" data-ng-click="chakan()">查看成绩</button>
            </div>
        </div>
        <div style="margin: 4px 0 10px 0;" data-ng-hide="finished">
            <table>
                <tr>
                    <td data-ng-repeat="no in questionList" style="width:30px;text-align: center">
                        <span id="box{{no}}" class="am-badge"
                              style="line-height: 2;width: 90%;background-color: #F37B1D"
                              data-ng-click="go2(no)"><a href="javascript:void(0)"
                                                         style="color: white">{{no}}</a></span>
                    </td>
                </tr>
            </table>
        </div>
        <div
                style="font-size: 20pt; min-height: 100px; display: block; color: #c7254e; background-color: #f8f8f8; border-radius: 0;"
                class="am-padding" data-ng-hide="finished">
            <pre style="font-size: 20px;">{{itemcontent}}</pre>
        </div>
        <!--
             <code>{{itemcontent}}</code>
             -->
        <div data-ng-show="itemtype=='单选题' && !finished">
            <table class="am-table">
                <tr data-ng-repeat="item in items">
                    <td width="50px">{{item.optno}}</td>
                    <td width="50px">
                        <input type="radio" data-ng-model="item.checked" name="group"
                               data-ng-click="changeColor(item.sortno + 1)"
                               data-ng-value="true" data-ng-disabled="finished"/>
                    </td>
                    <td>
                        <pre>{{item.optcontent}}</pre>
                    </td>

                </tr>
            </table>
        </div>
        <div data-ng-show="itemtype=='多选题' && !finished">
            <table class="am-table">
                <tr data-ng-repeat="item in items">
                    <td width="50px">{{item.optno}}</td>
                    <td width="50px"><input type="checkbox" data-ng-model="item.checked"
                                            name="group" data-ng-click="changeColor((item.sortno + 1))"
                                            data-ng-disabled="finished"/></td>
                    <td>
                        <pre>{{item.optcontent}}</pre>
                    </td>
                </tr>
            </table>
        </div>
        <div data-ng-show="itemtype=='判断题' && !finished">
            <table class="am-table">
                <tr>
                    <td></td>
                    <td>{{items[0].truefalse}}</td>
                    <td><input type="checkbox" data-ng-model="items[0].checked"
                               data-ng-change="aa()" data-ng-disabled="finished" name="group"/></td>
                </tr>
                <tr>
                    <td></td>
                    <td>{{items[1].truefalse}}</td>
                    <td><input type="checkbox" data-ng-model="items[1].checked"
                               data-ng-change="aa()" name="group" data-ng-disabled="finished"/></td>
                </tr>
            </table>
        </div>
        <div
                data-ng-show="(itemtype=='问答题' || itemtype==='名词解释' || itemtype=='编程题' || itemtype=='主观题' || itemtype=='填空题') && !finished">
			<textarea data-ng-model="items[0].answer" style="width: 100%"
                      rows="4" data-ng-disabled="finished"/></textarea>
        </div>

        <div class="am-g">
            <div class="am-text-right am-padding" data-ng-hide="finished">
                <!-- <div style="float: right; margin-left: 5px;">
                     <input type="number" style="width: 60px; float: right;"
                            class="am-form-field am-input" data-ng-model="jumpPage">
                     <button type="button" class="am-btn am-btn-secondary am-btn-default"
                             data-ng-click="go2(jumpPage)">跳转到
                     </button>
                 </div>-->
                <button type="button" class="am-btn am-btn-warning am-btn-default"
                        data-ng-show="sortno>0" data-ng-click="go2pre(sortno)">上一题
                </button>
                <button type="button" class="am-btn am-btn-warning am-btn-default"
                        data-ng-show="sortno<(cnt - 1)" data-ng-click="go2next(sortno)">下一题
                </button>
                <!--<button type="button" class="am-btn am-btn-warning am-btn-default"-->
                <!--data-ng-show="sortno==(cnt - 1) && !finished" data-ng-click="go2next(sortno)">交卷-->
                <!--</button>-->
                <button type="button" class="am-btn am-btn-warning am-btn-default"
                        data-ng-show="sortno==(cnt - 1) && !finished" data-ng-click="jiaojuan(cnt)">交卷
                </button>
            </div>
        </div>
    </div>

</div>

<div class="am-modal am-modal-loading am-modal-no-btn" tabindex="-1" id="my-modal-loading">
    <div class="am-modal-dialog">
        <div class="am-modal-hd">系统发现您切换了浏览器窗口，请不要再切换窗口，否则，系统将自动判定为作弊行为 (警告时间：10秒)</div>
        <div class="am-modal-bd">
            <span class="am-icon-spinner am-icon-spin"></span>
        </div>
    </div>
</div>

#include("/WEB-INF/tpl/footer_normal.vm")
</html>
